{extend name="shop/default/Member/base" /}
{block name="resources"}
<link type="text/css" rel="stylesheet" href="__TEMP__/{$style}/public/css/reviewCommodity.css">
{/block}
{block name="main"}
<div class="user-right">
  <div class="evaluate_main">
    <div class="title"><a href="javascript:history.go(-1);" class="ncbtn-mini fr"><i class="icon-reply"></i>{:lang('back')}</a>
      <h3>{:lang('member_evaluation_purchased_goods')}</h3>
    </div>
    <form id="evalform" method="post" action="{:__URL('SHOP_MAIN/member/moditycommodity')}">
      <input type="hidden" name="form_submit" value="ok" />
      <div class="evaluate_block">
        <h4>{:lang('member_operation_prompt')}：</h4>
        <ul>
          <li style="margin-bottom: 6px; float:none;">{:lang('member_evaluation_information')}。</li>
          <li style="margin-bottom: 6px; float:none;">{:lang('grade_business')}，<span class="orange"> {:lang('member_cannot_be_modified')}。</span></li>
<!--           <li style="margin-bottom: 6px; float:none;">图片上传请使用jpg\jpeg\png等格式、单张大小不超过1M的图片，最多可发布5张晒图，上传后的图片也将被保存在个人主页相册中以便其它使用。</li> -->
        </ul>
      </div>
      <div class="tabmenu2">
        <ul class="tab" style="border-bottom: solid 1px #E7E7E7;">
          <li class="active" style="float:none"><a href="javascript:void(0);" style="font-size:16px; font-weight: 600; text-decoration: none; color: #E60012; padding: 7px 19px 9px 19px;border-bottom: solid 2px #E60012; cursor: default;">{:lang('member_evaluation_purchased_goods')}</a></li>
        </ul>
      </div>
      <input type="hidden" id="order_id" value="{$order_id}">
      <input type="hidden" id="order_no" value="{$order_no}">
      {foreach $list as $vo}
      <div class="evaluate" ogid="{$vo.order_goods_id}" oid="{$vo.order_id}">
      		<div class="evaluate_left">
      			<div class="evaluate_left_top">
      				<img src="{:__IMG($vo['picture_info']['pic_cover_small'])}">
      			</div>
      			<div class="evaluate_left_bottom">
      				<div class="evaluate_left_bottom_main">
      					<a href="javascript:void(0);">{$vo.goods_name}</a>
      				</div>
      			</div>
      		</div>
      		<div class="evaluate_right">
      			<!-- <div class="item-rate-act">
      				<ul>
      				 	<li class="good">
	      				 	<label for="rate_good{$vo.order_goods_id}">
	      				 		<input type="radio" class="good-rate" id="rate_good{$vo.order_goods_id}" name="rate{$vo.order_goods_id}" value="1">
	      				 		<i class="tb-rate-ico ico-good" title="好评"></i>
	      				 	</label>
      				 	</li>
      				 	<li class="normal">
      				 		<label for="rate_normal{$vo.order_goods_id}">
	      				 		<input type="radio" class="normal-rate" id="rate_normal{$vo.order_goods_id}" name="rate{$vo.order_goods_id}" value="2">
	      				 		<i class="tb-rate-ico ico-neutral" title="中评"></i>
	      				 	</label>
      				 	</li>
      				 	<li class="bad">
      				 		<label for="rate_bad{$vo.order_goods_id}">
	      				 		<input type="radio" class="bad-rate" id="rate_bad{$vo.order_goods_id}" name="rate{$vo.order_goods_id}" value="3">
	      				 		<i class="tb-rate-ico ico-bad" title="差评"></i>
	      				 	</label>
      				 	</li>
      				</ul>
      			</div> -->
      			<div>
      				<div class="evaluate_right_one star">{:lang('member_commodity_score')}：
						<a href="javascript:void(0)" val="1" sel="red"><img src="__TEMP__/{$style}/public/images/star_red.png"/></a>  
        				<a href="javascript:void(0)" val="2" sel="red"><img src="__TEMP__/{$style}/public/images/star_red.png"/></a>  
        				<a href="javascript:void(0)" val="3" sel="red"><img src="__TEMP__/{$style}/public/images/star_red.png"/></a>  
        				<a href="javascript:void(0)" val="4" sel="red"><img src="__TEMP__/{$style}/public/images/star_red.png"/></a>  
        				<a href="javascript:void(0)" val="5" sel="red"><img src="__TEMP__/{$style}/public/images/star_red.png"/></a> 
            		</div>
      			</div>
      			
      			<div class="rate_content">
      				<textarea name="" cols="60" rows="4"   placeholder="{:lang('member_content_evaluated')}。" style="resize: none;"></textarea>
      				<span class="evaluate_right_two"> 
      				<input type='file' class="input-file" name='file_upload' id="img_{$vo.order_goods_id}" onchange='UploadImage(this);' />
      				</span >
      				<span class="evaluate_right_three"><i></i>{:lang('member_buyers_slide_show')}</span>
      				<span class="evaluate_right_imgs">
      				</span>
      				<span class="evaluate_right_four">0/5</span>
     				<span class="evaluate_right_isni"><label> <input type="checkbox" id="checkbox{$vo.order_goods_id}" class="checkbox vm">&nbsp;{:lang('member_anonymous_evaluation')}</label></span>
      			</div>
      		</div>
      </div>
      {/foreach}
            <div class="evaluate_form">
                <div class="evaluate_bottom">
            		<input id="btn_submit" type="button" class="submit" onclick="doSubmit(1)" value="{:lang('member_submit')}"/>
       			 </div>
      		</div>
    </form>
    <input type="hidden" id="isSub" value="true">
  </div>
  
  <input type="hidden" id="style" name="style" value="{$style}" />
 </div>
{/block}
{block name="javascript"}
<!-- 添加js文件 -->
<script type="text/javascript" src="__TEMP__/{$style}/public/js/review.js"></script>
<script src="__STATIC__/js/ajax_file_upload.js" type="text/javascript"></script>
<script src="__STATIC__/js/file_upload.js" type="text/javascript"></script>
<script>
$(function(){
  
  $("li[data-href^='{:__URL('SHOP_MAIN/member/orderlist')}'").addClass('current');
  $(".js-bread-crumb").attr("href",'{:__URL('SHOP_MAIN/member/orderlist')}');
  $(".js-bread-crumb").text("{:lang('member_my_order')}");
  $(".js-bread-crumb").parent().append('<span class="crumbs-arrow">&gt;</span><a href="{:__URL('SHOP_MAIN/member/reviewCommodity','orderid='.$order_id)}">{:lang('goods_commodity_evaluation')}</a>');
});
</script>
{/block}
{/extend}